﻿<?xml version="1.0" encoding="utf-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:msxsl="urn:schemas-microsoft-com:xslt" exclude-result-prefixes="msxsl">
  <xsl:output method="html" indent="yes"/>
  <xsl:template match="Album">
    <!-- BEGIN .content-box -->

    
    <script type="text/javascript">
      $(document).ready(function () {
      $('.thumb img').crop({ height: 120, width: 120 });

      $("a.lightboximg").fancybox();

      });
    </script>
      <h2>Photo Gallery</h2>
      <div id="gallery">

        <xsl:apply-templates/>
      </div>
  </xsl:template>
  <xsl:template match="NoPhotos">
    <div class="thumb">
      <xsl:value-of select="Image"  disable-output-escaping="yes" />
    </div>
  </xsl:template>
  <xsl:template match="Photo">
    <div class="thumb">
      <a rel="gallery_group" class="lightboximg">
        <xsl:attribute name="href">
          <xsl:value-of select="Image"/>
        </xsl:attribute>      
      <xsl:value-of select="Thumbnail"  disable-output-escaping="yes" />
      </a>
    </div>
  </xsl:template>
</xsl:stylesheet>
